.u-relative,
.u-rela {
	position: relative;
}

.u-absolute,
.u-abso {
	position: absolute;
}

// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
/* #ifndef APP-NVUE */
image {
	display: inline-block;
}

// 在weex，也即nvue中，所有元素默认为border-box
view,
text {
	box-sizing: border-box;
}
/* #endif */

.u-font-xs {
	font-size: 22rpx;
}

.u-font-sm {
	font-size: 26rpx;
}

.u-font-md {
	font-size: 28rpx;
}

.u-font-lg {
	font-size: 30rpx;
}

.u-font-xl {
	font-size: 34rpx;
}

.u-flex {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row!important;
	align-items: center;
}
.u-flex-line{
	flex-direction: row!important;
	align-items: center!important;
}
.u-flex-wrap {
	flex-wrap: wrap;
}

.u-flex-nowrap {
	flex-wrap: nowrap;
}

.u-col-center {
	align-items: center;
}

.u-col-top {
	align-items: flex-start;
}

.u-col-bottom {
	align-items: flex-end;
}

.u-row-center {
	justify-content: center;
}

.u-row-left {
	justify-content: flex-start;
}

.u-row-right {
	justify-content: flex-end;
}

.u-row-between {
	justify-content: space-between;
}

.u-row-around {
	justify-content: space-around;
}

.u-text-left {
	text-align: left;
}

.u-text-center {
	text-align: center;
}

.u-text-right {
	text-align: right;
}

.u-flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}

// 定义flex等分
@for $i from 0 through 12 {
	.u-flex-#{$i} {
		flex: $i!important;
	}
}
@for $i from 0 through 1000 {
	.u-w-#{$i} {
		width: $i + rpx !important;
	}
}

@for $i from 0 through 1000 {
	.u-h-#{$i} {
		height: $i + rpx !important;
	}
}

@for $i from 0 through 200 {
	.u-font-#{$i} {
		font-size: $i + rpx !important;
	}
}
// 宫格展示
.grid-box {
	background-color: #fff;
	// margin: 0 30rpx;
	padding: 30rpx;
	// border-radius: 24rpx;
	margin-bottom: 30rpx;
	// box-shadow: $u-color-border-shadow;
	.head-title{
		font-size: 32rpx;
		display: flex;
		justify-content: space-between;
		margin-bottom: 10rpx;
		font-weight: bold;
		.more{
			color: $u-tips-color;
		}
	}
}
// 信息显示
.msg-box{
	.item{
		display: flex;
		align-items: center;
		line-height: 52rpx;
		padding: 0 30rpx;
		.label{
			// font-size: 24rpx;
			color: $u-tips-color;
			// width: 180rpx;
			text-align: right;
		}
		.text{
			flex: 1;
			text-align: right;
		}
	}
}
// 订单列表卡片
.order-content{
	padding-bottom: 30rpx;
	.order-list{
		background-color: #fff;
		padding: 30rpx;
		margin: 30rpx;
		border-radius: 16rpx;
		&:active{
			opacity: 0.6;
		}
		.title{
			padding-bottom: 20rpx;
			border-bottom: 1px solid $u-bg-color;
			margin-bottom: 20rpx;
		}
		.label{
			.u-tips-color{
				font-size: 24rpx;
			}
			.u-flex{
				justify-content: space-between;
				// text-align: center;
				.cell{
					flex: 1;
				}
			}
		}
	}
}
// 底部按钮
.bottom-box {
	.fixed-container {
		position: fixed;
		bottom: 0;
		background-color: #fff;
		width: 750rpx;
		padding-top: 0;
		height: 70px;
		z-index: 99;
		box-shadow: 0 0 16rpx #e7e7e7;
	}

	.fixed-placeholder {
		height: 70px;
		width: 750rpx;
		margin-top: 30rpx;
	}

	.total {
		line-height: 40px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0;
	}

	.btn-group {
		padding: 15px;
		.u-flex{
			align-items: center;
		}
		.u-flex-1+.u-flex-1 {
			margin-left: 10px;
		}
	}
}